1 00:00:00,720 --> 00:00:02,930 Hello and welcome to this lecture. 2 00:00:03,180 --> 00:00:04,340 In this lecture. 3 00:00:04,380 --> 00:00:10,190 I will be showing you here tore off the contact form. 4 00:00:10,230 --> 00:00:19,540 We are going to create and I will show you all soon how it stores data is a local story. 5 00:00:20,250 --> 00:00:23,710 This is the form we are going to create. 6 00:00:23,720 --> 00:00:24,830 The contact form. 7 00:00:25,020 --> 00:00:30,010 So what I'm going to do is illustrate my works are just type in some details. 8 00:00:30,120 --> 00:00:34,160 So always got to name how just typing discount 9 00:00:39,250 --> 00:00:40,230 stuff. 10 00:00:40,650 --> 00:00:41,360 Okay. 11 00:00:41,390 --> 00:00:45,900 And then the e-mail I just say 12 00:00:48,720 --> 00:00:49,830 You damie 13 00:00:52,320 --> 00:00:54,240 at discount 14 00:00:56,940 --> 00:00:58,670 dot com. 15 00:00:59,700 --> 00:01:02,830 And in here message can just say this account 16 00:01:11,910 --> 00:01:13,680 come in soon 17 00:01:16,170 --> 00:01:20,390 and then send it notice I've sent it. 18 00:01:20,400 --> 00:01:22,380 The details are still on the screen. 19 00:01:22,620 --> 00:01:24,880 So I used see resaid to Claire. 20 00:01:24,890 --> 00:01:26,570 So notice the name there. 21 00:01:26,690 --> 00:01:33,450 This account master who they did this account called the spelling on why doesn't matters just say lustration 22 00:01:33,450 --> 00:01:34,680 purpose. 23 00:01:34,680 --> 00:01:38,130 And then I click reset to clear the screen. 24 00:01:38,130 --> 00:01:42,900 So now let's have a look at where the data has been stored. 25 00:01:43,590 --> 00:01:54,000 So to access the local storage in a computer just to F 12 on your keyboard and it should bring up a 26 00:01:54,330 --> 00:01:55,920 console like this. 27 00:01:55,920 --> 00:02:02,910 So a few I am on croome I'm using Google Chrome at the moment but most web browsers should have the 28 00:02:02,910 --> 00:02:04,770 same functionality. 29 00:02:04,770 --> 00:02:08,430 So click on resources and their ways. 30 00:02:08,490 --> 00:02:10,380 Local storage. 31 00:02:10,380 --> 00:02:14,240 Click to expand that and then click on file. 32 00:02:14,460 --> 00:02:17,210 See that Click on far you see the sessions. 33 00:02:17,220 --> 00:02:19,260 This is what we've just submitted. 34 00:02:19,380 --> 00:02:27,430 The email was this the message was this the name was this account master. 35 00:02:28,290 --> 00:02:32,740 When you storing a local will where you use a local story. 36 00:02:32,970 --> 00:02:42,500 It uses what is known as a key value pair so every key must have a pair which is a value. 37 00:02:42,750 --> 00:02:49,290 So the email is the key and the value is the content has been submitted. 38 00:02:49,390 --> 00:02:51,580 So this the this has the data. 39 00:02:51,870 --> 00:02:59,660 If I close my web browser open it again this data here will still be there. 40 00:02:59,940 --> 00:03:03,540 Okay so alas what the local It is here for. 41 00:03:03,540 --> 00:03:13,470 So most modern web browsers should have a local storage facility where I saw one going to one to close 42 00:03:13,460 --> 00:03:14,930 a web browser. 43 00:03:14,960 --> 00:03:16,080 Hope on it again. 44 00:03:16,080 --> 00:03:20,170 And today you can see that the data is still there. 45 00:03:20,640 --> 00:03:28,930 Alright let me close the web browser slightly context to exid that and close that. 46 00:03:30,320 --> 00:03:33,840 Okay so I just realized it you can see it is empty. 47 00:03:33,840 --> 00:03:39,320 So your feigel 12th the date and you still be there. 48 00:03:39,320 --> 00:03:42,360 So I'll just expand that far. 49 00:03:42,410 --> 00:03:44,420 You can see the Datai still there. 50 00:03:44,490 --> 00:03:52,240 So we're going to use javascript to implement the local storage so that it sits for this lecture. 51 00:03:52,290 --> 00:03:53,520 Thanks for watching. 52 00:03:53,520 --> 00:03:55,060 Bye for now.